﻿<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Cache-Control" content="no-transform">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="renderer" content="webkit">
		<meta name="author" content="胡安洋">
		<meta name="applicable-device" content="mobile">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
		<link rel="shortcut icon" type="image/x-icon" href="./img/favio.png">
		<link href="./css/owl.carousel.css" rel="stylesheet">
		<link rel="stylesheet" href="./css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="./css/style.css">
		<script src="./js/jquery.min.js"></script>
		<title>H-A-Y</title>
	</head>

	<body style="">
		<div id="home" class="header">
			<div class="container">
				<!-- top-hedader -->
				<div class="top-header">
					<!-- /logo -->
					<!--top-nav---->
					<div class="top-nav">
						<div class="navigation">
							<div class="logo">
								<h1>
								<a href="./index.html"><span>h</span>&nbsp;安洋</a>
							</h1>
							</div>
							<div class="navigation-right">
								<span class="menu"><img src="./img/menu.png" alt=" "></span>
								<nav class="link-effect-3" id="link-effect-3">
									<ul class="nav1 nav nav-wil">
										<li class="active">
											<a data-hover="主页" href="./index.html">主页</a>
										</li>
										<li>
											<a class="scroll" data-hover="关于我" href="#about">关于我</a>
										</li>
										<li>
											<a class="scroll" data-hover="技能" href="#services">技能</a>
										</li>
										<li>
											<a class="scroll" data-hover="工作经验" href="#work">工作经验</a>
										</li>
										<li>
											<a class="scroll" data-hover="项目经验" href="#port">项目经验</a>
										</li>
										<li>
											<a class="scroll" data-hover="博客" href="#blogs">博客</a>
										</li>
										<li>
											<a class="scroll" data-hover="联系我" href="#contact">联系我</a>
										</li>
									</ul>
								</nav>
								<!-- script-for-menu -->
								<script>
									$("span.menu").click(function() {
										$("ul.nav1").slideToggle(300, function() {
											// Animation complete.
										});
									});
								</script>
								<!-- /script-for-menu -->
							</div>
							<div class="clearfix"></div>
						</div>
						<!-- /top-hedader -->
					</div>
					<div class="banner-info">
						<div class="col-md-7 header-right">
							<h1>Hi !</h1>
							<h6>程序员 &amp; 码农</h6>
							<ul class="address">
								<li>
									<ul class="address-text">
										<li><b>姓名</b></li>
										<li>胡安洋</li>
									</ul>
								</li>
								<li>
									<ul class="address-text">
										<li><b>毕业院校</b></li>
										<li>天津城建大学</li>
									</ul>
								</li>
								<li>
									<ul class="address-text">
										<li><b>专业</b></li>
										<li>信息管理与信息系统</li>
									</ul>
								</li>
								<li>
									<ul class="address-text">
										<li><b>电话 </b></li>
										<li>
											<a href="tel:13662022673">13662022673</a>
										</li>
									</ul>
								</li>
								<li>
									<ul class="address-text">
										<li><b>现居住地 </b></li>
										<li>北京 朝阳</li>
									</ul>
								</li>
								<li>
									<ul class="address-text">
										<li><b>E-MAIL </b></li>
										<li>
											<a href="mailto:example@mail.com"> 13662022673@163.com</a>
										</li>
									</ul>
								</li>
								<li>
									<ul class="address-text">
										<li><b>职业 </b></li>
										<li>
											<a href="javascript:;">WEB前端</a>
										</li>
									</ul>
								</li>

							</ul>
						</div>
						<div class="col-md-5 header-left">
							<img src="./img/photo.jpg" alt="本人照片">
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="about" class="about">
			<div class="col-md-6 about-left">
				<div id="owl-demo1" class="owl-carousel owl-carousel2">
					<div class="item">
						<div class="about-left-grid">
							<h2>
								你好! 我是 <span>胡安洋</span>
							</h2>
							<p><b>基本信息</b></p>
							<p><b>出生地</b>:&nbsp;河南固始</p>
							<p><b>年龄</b>：25</p>
							<p><b>民族</b>:&nbsp;回族</p>
							<p><b>兴趣爱好</b>:&nbsp;打篮球，旅游</p>
							<p><b>网址</b>:&nbsp;
								<a href="http://huanyang0526.gitee.io/index">http://huanyang0526.gitee.io/index</a>
							</p>
							<ul>
								<li>
									<a class="a-btn-a scroll" href="#port">我的项目</a>
								</li>
								<li>
									<a class="a-btn-h scroll" href="#contact">联系我</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="item">
						<div class="about-left-grid">
							<h2>
								每天的 <span>生活 </span>
							</h2>
							<p><b>七</b>&nbsp;点起床，洗漱，出门，八点五十到公司</p>
							<p><b>九</b>&nbsp;点半开早会，讨论今天做的事</p>
							<p><b>上午</b>&nbsp;if(有任务)，打开Visual Studio开始写代码，改bug；else 看看NBA，今日头条，看看以前项目的代码，想想为什么，能不能优化</p>
							<p><b>下午</b>&nbsp;根据分配的任务，做页面和集成，然后测试、提交</p>
							<p><b>六点半</b>&nbsp;汇报一天的工作，打卡，坐一个小时的地铁回家吃饭</p>
							<ul>
								<li>
									<a class="a-btn-a scroll" href="#port">我的项目</a>
								</li>
								<li>
									<a class="a-btn-h scroll" href="#contact">联系我</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="item">
						<div class="about-left-grid">
							<h2>
								我对前端程序员的 <span>感想</span>
							</h2>
							<p><b>现</b>在技术更新很快，尤其是前端，所以眼光要放远，学会div+css+js+jQuery的使用，这些是必须的，而且基础一定要扎实。AngularJS和Vue、React等是目前流行的前端框架，网上很多相关的教程资料，所以有时间就多学点东西，提升自我价值</p>
							<p><b>当</b>接触过Angular,React,Vue,Es6相关技术后，就要对后台进行一些基本语言的了解，因为前端页面毕竟需要后台数据的支持才能成为活的</p>
							<p><b>如果对Angular,React,Vue,Es6相关技术没有了解的的话，就好好努力吧！别在最该奋斗的年纪，选择了安逸和享受</b></p>
							<ul>
								<li>
									<a class="a-btn-a scroll" href="#port">我的项目</a>
								</li>
								<li>
									<a class="a-btn-h scroll" href="#contact">联系我</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-6 about-right"></div>
			<div class="clearfix"></div>
			<!--<link href="css/owl.carousel.css" rel="stylesheet">-->
			<script src="./js/owl.carousel.js"></script>
			<script>
				$(document).ready(function() {
					$("#owl-demo1").owlCarousel({
						items: 1,
						lazyLoad: false,
						autoPlay: true,
						navigation: false,
						navigationText: false,
						pagination: true,
					});
				});
			</script>
		</div>
		<div id="services" class="services">
			<div class="container">
				<div class="service-head one text-center ">
					<h4>我能为你做什么？</h4>
					<h3>
					我的 <span>技能</span>
				</h3>
					<span class="border two"></span>
				</div>
				<!-- services-grids -->
				<div class="wthree_about_right_grids w3l-agile">
					<div class="col-md-6 wthree_about_right_grid">
						<div class="col-xs-4 wthree_about_right_grid_left">
							<div class="hvr-rectangle-in">
								<i class="glyphicon glyphicon-pencil"></i>
							</div>
						</div>
						<div class="col-xs-8 wthree_about_right_grid_right">
							<h4>WEB页面制作</h4>
							<p>PC端页面&移动端页面，比如你现在看到的这个响应式PC页面</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-6 wthree_about_right_grid">
						<div class="col-xs-4 wthree_about_right_grid_left">
							<div class="hvr-rectangle-in">
								<i class="glyphicon glyphicon-wrench"></i>
							</div>
						</div>
						<div class="col-xs-8 wthree_about_right_grid_right">
							<h4>页面集成（前后端交互）</h4>
							<p>通过Ajax异步请求，解析返回的 JSON 数据来实现想要的功能</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-6 wthree_about_right_grid">
						<div class="col-xs-4 wthree_about_right_grid_left">
							<div class="hvr-rectangle-in">
								<i class="glyphicon glyphicon-leaf"></i>
							</div>
						</div>
						<div class="col-xs-8 wthree_about_right_grid_right">
							<h4>小程序开发</h4>
							<p>利用微信web开发者工具进行页面编写，解析后台接口请求的 JSON 数据 , 进行集成</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-6 wthree_about_right_grid">
						<div class="col-xs-4 wthree_about_right_grid_left">
							<div class="hvr-rectangle-in">
								<i class="glyphicon glyphicon-header"></i>
							</div>
						</div>
						<div class="col-xs-8 wthree_about_right_grid_right">
							<h4>H5动画制作</h4>
							<p>setInterval & setTimeout的回调方法 & Jquery的animate()方法 & CSS3-animation-transition</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>

				<!-- services-grids -->
			</div>
		</div>
		<div id="work" class="work">
			<div class="container">
				<div class="service-head text-center">
					<h4>我曾在哪任职？</h4>
					<h3>我的 <span>档案</span></h3>
					<span class="border one"></span>
				</div>
				<div class="time-main w3l-agile">
					<div class="col-md-6 year-info">
						<ul class="year">
							<li>2017</li>
							<li>2016</li>
							<div class="clearfix"></div>
						</ul>
					</div>
					<ul class="col-md-6 timeline">
						<li>
							<div class="timeline-badge info"><i class="glyphicon glyphicon-home"></i></div>
							<div class="timeline-panel">
								<div class="timeline-heading">
									<h4 class="timeline-title"><a href="http://www.honszeal.com/">华夏中圣科技有限公司</a>
						  		<a style="float: right;text-decoration: none;font-size: 0.9em;">【北京】</a>
						  </h4>
								</div>
								<div class="timeline-body">
									<p>担任前端工程师 & 负责编写PC和移动端页面以及H5动画制作 & 页面集成-利用ajax进行前后台交互 & 小程序开发与集成</p>
								</div>
							</div>
						</li>

						<li>
							<div class="timeline-badge primary"><i class="glyphicon glyphicon-home"></i></div>
							<div class="timeline-panel">
								<div class="timeline-heading">
									<h4 class="timeline-title"><a href="http://www.yihuatong.com.cn/">易华通科技有限责任公司（实习生）</a>
						  		<a style="float: right;text-decoration: none;font-size: 0.9em;">【天津】</a>
						  </h4>
								</div>
								<div class="timeline-body">
									<p>担任前端工程师 & 负责编写PC和移动端端页面</p>
								</div>
							</div>
						</li>

					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>

		<div class="portfolio" id="port">
			<div class="container">
				<div class="service-head text-center">
					<h4>我做过什么？</h4>
					<h3>我的 <span>项目</span></h3>
					<span class="border one"></span>
				</div>
			</div>
			<div class="portfolio-grids">
				<script src="./js/easyResponsiveTabs.js" type="text/javascript"></script>
				<script type="text/javascript">
					$(document).ready(function() {
						$('#horizontalTab').easyResponsiveTabs({
							type: 'default', //Types: default, vertical, accordion           
							width: 'auto', //auto or any width like 600px
							fit: true
								// 100% fit in a container
						});
					});
				</script>
				<div class="sap_tabs">
					<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
						<ul class="resp-tabs-list">
							<li class="resp-tab-item resp-tab-active" aria-controls="tab_item-0" role="tab"><span>2017</span></li>
							<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>demos</span></li>

						</ul>
						<div class="resp-tabs-container">
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
								<div class="col-md-4 team-gd ">

									<a href="http://wp.meidjia.com" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
										<div id="Hover">
											<h3>美滴家房屋短租微信端</h3>
											<p>主要为用户提供房屋的发布、查询、短租等服务</p>
											<span class="date">技术栈：js + Jquery + ajax 集成开发 实现前后端完全分离</span>
										</div>
									</a>

								</div>
								<div class="col-md-4 team-gd ">

									<a href="http://wx2.sresources.cn" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
										<div id="Hover">
											<h3>成资集团官网和微信端</h3>
											<p>主要为用户提供授课视频的上传、购买和分销等服务</p>
											<span class="date">技术栈：js + Jquery + ajax 集成开发 实现前后端完全分离</span>
										</div>
									</a>

								</div>
								<div class="col-md-4 team-gd ">

									<a href="http://ccb.ipsos.cn" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
										<div id="Hover">
											<h3>建设银行（说说我喜欢模块）问卷动画</h3>
											<p>主要收集用户对建设银行龙卡的看法以及注册用户的基本信息</p>
											<span class="date">技术栈：html5 + css3 + Jquery实现旋转，抖动等动画</span>
										</div>
									</a>

								</div>
								<div class="col-md-4 team-gd ">

									<a href="#portfolioModal4" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
										<div id="Hover">
											<h3>祥闰样本物流后台管理系统</h3>
											<p>主要对样本箱、物流员以及报警等进行管理</p>
											<span class="date">技术栈：js + Jquery + ajax 集成开发 实现前后端完全分离</span>
										</div </a>

								</div>
								<div class="col-md-4 team-gd yes_marg ">

									<a href="http://www.honszeal.com" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
										<div id="Hover">
											<h3>华夏中圣科技有限公司官网</h3>
											<p>响应式网站、后台信息发布、客服系统</p>
											<span class="date">技术栈：HTML5 + CSS3 + animation</span>
										</div>

									</a>

								</div>
								<div class="col-md-4 team-gd yes_marg ">
									<a href="#portfolioModal5" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
										<div id="Hover">
											<h3>5S巡检系统后台管理系统+小程序</h3>
											<p>主要对企业、部门以及巡检单元等进行管理</p>
											<span class="date">技术栈：小程序API + Jquery + ajax 集成开发 实现前后端交互</span>
										</div>
									</a>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
								<div class="col-md-4 team-gd">
									<div class="thumb">
										<a href="http://huanyang0526.gitee.io/diandeng" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
											<div id="Hover">
												<h3>点灯游戏</h3>
												<p>点击单元块，直到每一个黑色块都变成白色算过关</p>
												<span class="date">技术栈：原生js</span>
											</div>
										</a>
									</div>
								</div>
								<div class="col-md-4 team-gd">
									<div class="thumb">
										<a href="http://huanyang0526.gitee.io/css3" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
											<div id="Hover">
												<h3>CSS3立方体动画</h3>
												<p>CSS3动画效果</p>
												<span class="date">技术栈：CSS3-animation-transition </span>
											</div>
										</a>
									</div>
								</div>
								<div class="col-md-4 team-gd">

									<a href="http://huanyang0526.gitee.io/star" class="portfolio-link b-link-diagonal b-animate-go" data-toggle="modal">
										<div id="Hover">
											<h3>canvas星球转动</h3>
											<p>canvas画出来的星球旋转</p>
											<span class="date">技术栈：js + canvas</span>
										</div>
									</a>

								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="portfolio-modal modal fade slideanim" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content port-modal">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2 text-center">
							<div class="modal-body">
								<h3>效果图</h3>
								<img src="./img/wuliu.png" class="img-responsive img-centered" alt="">
								<p>

								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="portfolio-modal modal fade slideanim" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="modal-content port-modal">
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2 text-center">
							<div class="modal-body">
								<h3>效果图</h3>
								<img src="./img/5s1.png" class="img-responsive img-centered" alt="">
								<p>
									<img src="./img/5s2.png" class="img-responsive img-centered" alt="">
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="blog" id="blogs">
			<div class="container">
				<div class="service-head text-center">
					<h4>你有写博客的习惯吗？</h4>
					<h3>
					我的 <span>博客</span>
				</h3>
					<span class="border one"></span>
				</div>
				<div class="news-grid w3l-agile">
					<div class="col-md-6 news-img">
						<a href="http://blog.csdn.net/sinat_35656188/article/details/78951212">
							<img src="./img/p_big1.jpg" class="img-responsive" />
						</a>
					</div>
					<div class="col-md-6 news-text">
						<h3>
							<a href="http://blog.csdn.net/sinat_35656188/article/details/78951212">移动端的知识点</a>
						</h3>
						<ul class="news">
							<li><i class="glyphicon glyphicon-user"></i>
								<a href="#">小胡谈前</a>
							</li>
							<li><i class="glyphicon glyphicon-eye-open"></i>
								<a href="#">
									220 Look
								</a>
							</li>
							<li><i class="glyphicon glyphicon-tags"></i>
								<a href="#">
									3 Tags
								</a>
							</li>
						</ul>
						<p>
							最近又做到了移动端，怕自己忘记移动端的知识点，所以选用博客记载下，方便自己或他人查看。1.meta标签...
						</p>
						<a href="http://blog.csdn.net/sinat_35656188/article/details/78951212" class="read hvr-shutter-in-horizontal">阅读更多...</a>

					</div>

					<div class="clearfix"></div>
				</div>

				<div class="news-grid">

					<div class="col-md-6 news-text two">
						<h3>
						<a href="https://blog.csdn.net/sinat_35656188/article/details/79737960"> 天气查询之高德地图天气预报接口 </a>
					</h3>
						<ul class="news">
							<li><i class="glyphicon glyphicon-user"></i>
								<a href="#">小胡谈前</a>
							</li>
							<li><i class="glyphicon glyphicon-eye-open"></i>
								<a href="#">
									700 Look
								</a>
							</li>
							<li><i class="glyphicon glyphicon-tags"></i>
								<a href="#">
									4 Tags
								</a>
							</li>
						</ul>
						<p>1.一、html代码 p id="currCityName">img src="img/9.png" /span>北京市span...</p>
						<a href="https://blog.csdn.net/sinat_35656188/article/details/79737960" class="read hvr-shutter-in-horizontal">阅读更多..</a>

					</div>
					<div class="col-md-6 news-img two">
						<a href="https://blog.csdn.net/sinat_35656188/article/details/79737960">
							<img src="./img/p_big2.jpg" alt=" " class="img-responsive">
						</a>

					</div>
					<div class="clearfix"></div>
				</div>

				<div class="news-grid">
					<div class="col-md-6 news-img">
						<a href="http://blog.csdn.net/sinat_35656188/article/details/79237850">
							<img src="./img/p_big3.jpg" alt=" " class="img-responsive">
						</a>

					</div>
					<div class="col-md-6 news-text">
						<h3>
						<a href="http://blog.csdn.net/sinat_35656188/article/details/79237850">小程序picker---级联效果（三级）</a>
					</h3>
						<ul class="news">
							<li><i class="glyphicon glyphicon-user"></i>
								<a href="#">小胡谈前</a>
							</li>
							<li><i class="glyphicon glyphicon-eye-open"></i>
								<a href="#">
									150 Look
								</a>
							</li>
							<li><i class="glyphicon glyphicon-tags"></i>
								<a href="#">
									3 Tags
								</a>
							</li>
						</ul>
						<p>
							"JS var app = getApp();var departmentDatas = [{ ID:0, title: '请选择' }];//部门名称加idvar areaData = ["请选择区域"];..."
						</p>
						<a href="http://blog.csdn.net/sinat_35656188/article/details/79237850" class="read hvr-shutter-in-horizontal">阅读更多..</a>

					</div>

					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!-- top-grids -->
		<div class="footer" id="contact">
			<div class="container">
				<div class="service-head one text-center">
					<h4>如果你想进一步了解我？</h4>
					<h3>
				发送 <span>你的想法</span>
			</h3>
					<span class="border two"></span>
				</div>
				<div class="mail_us">
					<div class="col-md-6 mail_left">
						<div class="contact-grid1-left">
							<div class="contact-grid1-left1">
								<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
								<h4>通过 Email</h4>
								<ul>
									<li>
										<a href="mailto:info@example.com">13662022673@163.com</a>
									</li>
									<script>
										//
									</script>
								</ul>
							</div>
						</div>
						<div class="contact-grid1-left">
							<div class="contact-grid1-left1">
								<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
								<h4>通过电话</h4>
								<ul>
									<li>电话:
										<a href="tel:13662022673">13662022673</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="contact-grid1-left">
							<div class="contact-grid1-left1">
								<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
								<h4>直接来找我</h4>
								<ul>
									<li>地址: 中国·北京·朝阳</li>
								</ul>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-6 mail_right">
						<input type="text" name="Name" placeholder="姓名" required="required">
						<input type="email" name="Email" placeholder="邮箱">
						<input type="text" name="Mobile number" placeholder="手机号" required="required">
						<div id="content"></div>
						<textarea name="message" id="message" placeholder="留言..." required="required"></textarea>
						<a href="#portfolioModal9" data-toggle="modal">
							<input type="submit" value="留言">
						</a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="copy_right text-center">
					<p>
						Copyright © 2018 V1.0
						<a href="http://huanyang0526.gitee.io/index" target="_blank">&nbsp;胡安洋的个人网站</a>
					</p>
					<ul class="social-icons two">
						<li>
							<a href="#"> </a>
						</li>
						<li>
							<a href="#" class="fb"> </a>
						</li>
						<li>
							<a href="#" class="in"> </a>
						</li>
						<li>
							<a href="#" class="dott"> </a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="portfolio-modal modal fade slideanim" id="portfolioModal9" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-content port-modal">
				<div class="close-modal" data-dismiss="modal">
					<div class="lr">
						<div class="rl"></div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-lg-offset-2 text-center">
							<div class="modal-body">
								<h3>还在积极开发中...</h3>
								<p>
									<img src="./img/pic10.jpg" class="img-responsive img-centered">
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<a href="#home" id="toTop" style="display: block;">
			<span id="toTopHover" style="opacity: 1;"> </span>
		</a>
		<script src="./js/bootstrap.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				console.log("%c\n作者:\n      胡安洋\n           02-15-2018", "color:blue;font-size:14px;font-weight:bolder;");
				var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 2500,
					easingType: 'linear'
				};
			});
		</script>
	</body>

</html>